<template>
  <div>
      <el-form :model="form" :data="StaffArchives" size="small" label-width="100px" class="mt35 mb35">
        <el-row :gutter="35">
          <el-col :xs="24" :sm="12" :md="8" :lg="24" :xl="4" class="mb20">
            <el-form-item label="">
              处罚记录：-
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="24" :xl="4" class="mb20">
            <el-form-item label="">
              奖励记录：-
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="24" :xl="4" class="mb20">
            <el-form-item label="">
              薪资记录：-
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="24" :xl="4" class="mb20">
            <el-form-item label="">
              培训记录：-
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="24" :xl="4" class="mb20">
            <el-form-item label="">
              变更记录：-
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="24" :xl="4" class="mb20">
            <el-form-item label="">
              异动：-
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
  </div>
</template>
<script>
import { toRefs, reactive } from "vue";
import axios from "axios";
export default {
  name: 'Work',
  setup() {
    const state = reactive({
      form: {},
    });
    return {
      ...toRefs(state),
    };
  },
  data () {
    return {
      StaffArchives:'',
    }
  },
  created() {
		setInterval(() => {
			var that = this;
			axios.get('http://121.41.117.22:8081/staff-archives/staffid=' + that.$route.query.id)
				.then(function (response) {
					that.StaffArchives = response.data[0];
				})
				.catch(function (err) {});

			}, 1300)
	},
}
</script>
<style lang="scss">
</style>